<template>
    <div id="tmpl">
        <mt-swipe :auto="2000">
            
            <mt-swipe-item v-for="item in imgs">
                <a v-bind:href="item.url">
                    <img v-bind:src="item.img">
                </a>
            </mt-swipe-item>
            
        </mt-swipe>
    </div>
</template>

<script>
    export default {
        props:['imgs']
    }
</script>

<style scoped>

.mint-swipe{
    height: 200px;
}

.mint-swipe-item img{
    width: 100%;
    height:200px;
}
  .mint-swipe-item{
      background-color: red;
      width: 100%;
      height: 200px;
  }
</style>

